<template>
    <div class="cart-list">
      <scroll class="content" ref="scroll">
        <cart-list-item
          v-for="(item,index) in cartList"
                        :prudect="item"
                        :key="index">
        </cart-list-item>
      </scroll>
    </div>
</template>

<script>
    import Scroll from '../../../components/common/scroll/Scroll'
    import CartListItem from "./CartLitsItem"
    import {mapGetters} from "vuex"
    export default {
        name: "CartList",
        data() {
            return {}
        },
        components: {
          CartListItem,
          Scroll
        },
        methods: {},
        computed: {
            ...mapGetters({
              cartList:'cartList'
            })
        },
      activated() {
        //进入购物车重新刷新可滚动区域
        this.$refs.scroll.refresh()

      },
    }
</script>

<style scoped>
.cart-list{
  height: calc(100% - 44px - 49px - 40px );
  position: relative;
  top: -85px;
}
.content{
  height: 100vh;
  overflow: hidden;
}
</style>
